<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="app">
      <!--
        标签属性:
            自定义属性
                指令 : 指令对应的值是去data中找的
                非指令
            预定义属性
       -->
      <div v-bind:gxl="gxl" v-html="msg" v-bind:class="test"></div>
  </div>
</body>
<script src="./js/vue.js"></script>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:"hello vue",
            gxl:"低大悲",
            test:"red"
        }
    });
</script>
</html>